<template>
  <div class="font">
    <el-col :span="24">
      <Tabs value="name1" @on-click="chilCall">
        <TabPane label="数据源分析" name="name1">

          <el-row class="row">
            <el-col :span="24">
              <div class="center">
                <el-row>
                  <el-col :span="24" class="h">
                    <p>数据监控详情</p>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="12">
                    <el-card shadow="never">
                      <p style="color: white">监控数据量：<span style="color: #1d9486; font-weight: bold;">622,136</span></p>
                    </el-card>
                  </el-col>
                  <el-col :span="12">
                    <el-card shadow="never">
                      <p style="color: white">更新时间：<span style="color: #1d9486; font-weight: bold;">2018-09-05</span></p>
                    </el-card>
                  </el-col>
                </el-row>
              </div>
            </el-col>
          </el-row>
          <!--1-->
          <el-row class="row">
            <el-col :span="24">
              <div class="center">
                <el-row>
                  <el-col :span="24" class="h">
                    <p>声量变化趋势</p>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="24">
                    <volumebyMonthLine/>
                    <el-collapse v-model="activeNames9">
                      <el-collapse-item title="总结" name="1">
                        <div>整体声量相对平稳，7月份声量峰值与国家医保政策调整、《我不是药神》等热点话题有关，2月份谷值与假期有关</div>
                      </el-collapse-item>
                    </el-collapse>
                  </el-col>
                </el-row>
              </div>
            </el-col>
          </el-row>
          <!--2-->
          <el-row class="row">
            <el-col :span="24">
              <div class="center">
                <el-row>
                  <el-col :span="24" class="h">
                    <el-col :span="18">
                      <p>声量分布</p>
                    </el-col>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="24">
                    <geochart/>
                    <el-collapse v-model="activeNames10">
                      <el-collapse-item title="总结" name="1">
                        <div>部分肺癌大省如辽宁、吉林并未体现出相当的声量。江苏、浙江发声量相对于患病人数偏高</div>
                      </el-collapse-item>
                    </el-collapse>
                  </el-col>
                </el-row>
              </div>
            </el-col>

          </el-row>
          <!--3-->
          <el-row class="row">
            <el-col :span="11">
              <div class="center">
                <el-row>
                  <el-col :span="24" class="h">
                    <p>数据源分布</p>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="24">
                    <sourcePercentagePie/>
                    <el-collapse v-model="activeNames11">
                      <el-collapse-item title="总结" name="1">
                        <div>目前论坛声量占较大比例，随着持续监听和数据源的扩展，社交媒体声量将会提升</div>
                      </el-collapse-item>
                    </el-collapse>
                  </el-col>
                </el-row>
              </div>
            </el-col>
            <el-col :span="11" style="margin-left: 8%;">
              <div class="center">
                <el-row>
                  <el-col :span="24" class="h">
                    <p>数据源声量详情</p>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="24">
                    <sourceVolumeBar/>
                    <el-collapse v-model="activeNames12">
                      <el-collapse-item title="总结" name="1">
                        <div>暂无数据</div>
                      </el-collapse-item>
                    </el-collapse>
                  </el-col>
                </el-row>
              </div>
            </el-col>
          </el-row>
        </TabPane>
        <TabPane label="患者画像" name="name2">
          <!--一-->
          <el-row class="row">
            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>基础信息</p>
                  </el-col>
                </el-row>
              </div>
            </el-col>
            <el-row class="row">
              <el-col :span="11">
                <div class="center">
                  <el-row>
                    <el-col :span="24" class="h">
                      <p>性别</p>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <PatientPicture1></PatientPicture1>
                      <el-collapse v-model="activeNames">
                        <el-collapse-item title="总结" name="1">
                          <div>暂无数据</div>

                        </el-collapse-item>
                      </el-collapse>
                    </el-col>
                  </el-row>
                </div>
              </el-col>
              <el-col :span="11" style="margin-left: 8%;">
                <div class="center">
                  <el-row>
                    <el-col :span="24" class="h">
                      <p>年龄</p>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <PatientPicture2></PatientPicture2>
                      <el-collapse accordion v-model="activeNames1">
                        <el-collapse-item name="1">
                          <template slot="title">
                            总结
                          </template>
                          <div>暂无数据</div>

                        </el-collapse-item>
                      </el-collapse>
                    </el-col>
                  </el-row>
                </div>
              </el-col>
            </el-row>
          </el-row>
          <!--二-->
          <el-row class="row">
            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>社会、经济学</p>
                  </el-col>
                </el-row>
              </div>
            </el-col>
            <el-row class="row">
              <el-col :span="11">
                <div class="center">
                  <el-row>
                    <el-col :span="24" class="h">
                      <p>职业</p>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <PatientPicture3></PatientPicture3>
                      <el-collapse v-model="activeNames3">
                        <el-collapse-item title="总结" name="1">
                          <div>暂无数据</div>

                        </el-collapse-item>
                      </el-collapse>
                    </el-col>
                  </el-row>
                </div>
              </el-col>
              <el-col :span="11" style="margin-left: 8%;">
                <div class="center">
                  <el-row>
                    <el-col :span="24" class="h">
                      <p>家庭情况</p>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <PatientPicture4></PatientPicture4>
                      <el-collapse v-model="activeNames4">
                        <el-collapse-item title="总结" name="1">
                          <div>暂无数据</div>

                        </el-collapse-item>
                      </el-collapse>
                    </el-col>
                  </el-row>
                </div>
              </el-col>
            </el-row>
          </el-row>
          <!--三-->
          <el-row class="row">
            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>心理、行为分析</p>
                  </el-col>
                </el-row>
              </div>
            </el-col>
            <el-row class="row">
              <el-col :span="11">
                <div class="center">
                  <el-row>
                    <el-col :span="24" class="h">
                      <p>心理</p>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <PatientPicture5></PatientPicture5>
                      <el-collapse v-model="activeNames5">
                        <el-collapse-item title="总结" name="1">
                          <div>暂无数据</div>

                        </el-collapse-item>
                      </el-collapse>
                    </el-col>
                  </el-row>
                </div>
              </el-col>
              <el-col :span="11" style="margin-left: 8%;">
                <div class="center">
                  <el-row>
                    <el-col :span="24" class="h">
                      <p>行为</p>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <PatientPicture6></PatientPicture6>
                      <el-collapse v-model="activeNames6">
                        <el-collapse-item title="总结" name="1">
                          <div>暂无数据</div>

                        </el-collapse-item>
                      </el-collapse>
                    </el-col>
                  </el-row>
                </div>
              </el-col>
            </el-row>
          </el-row>

          <el-row class="row">
            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>患者认知变化</p>
                  </el-col>
                </el-row>
              </div>
            </el-col>
            <el-row class="row">
              <el-col :span="24">
                <div class="center">
<!--                  <el-row>
                    <el-col :span="24" class="h">
                      <p>心里</p>
                    </el-col>
                  </el-row>-->
                  <el-row :gutter="20">
                    <el-col :span="24">
                      <PatientPicture9></PatientPicture9>
                      <el-collapse v-model="activeNames5">
                        <el-collapse-item title="总结" name="1">
                          <div>暂无数据</div>

                        </el-collapse-item>
                      </el-collapse>
                    </el-col>
                  </el-row>
                </div>
              </el-col>

            </el-row>
          </el-row>

        </TabPane>
        <TabPane label="患者旅程" name="name4">

          <el-row class="row" id="anchor1">

            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>疾病发现阶段</p>
                  </el-col>
                </el-row>
                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>话题分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>话题排名</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep1Chart1></journeyStep1Chart1>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>在疾病发现阶段，患者出现体征后倾向于上网描述自己的症状并提问是否有肺癌的可能；</div>
                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" :offset="2">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>热门关键词</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep1Chart2></journeyStep1Chart2>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>关键词以症状描述类关键词为主</div>
                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>
                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>医学话题</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>疾病筛查</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep1Chart3></journeyStep1Chart3>
                            <el-collapse v-model="activeNames13">
                              <el-collapse-item title="总结" name="1">
                                <div>基因检测类话题热度相对较高；</div>
                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>肺癌临床表现</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep1Chart4></journeyStep1Chart4>
                            <el-collapse v-model="activeNames14">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>
                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>心理及行为分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>心理分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep1Chart5></journeyStep1Chart5>
                            <el-collapse v-model="activeNames15">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>行为分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep1Chart6></journeyStep1Chart6>
                            <el-collapse v-model="activeNames16">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>
              </div>
            </el-col>

          </el-row>

          <el-row class="row" id="anchor2">
            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>疾病确认阶段</p>
                  </el-col>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>话题分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>话题排名</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep2Chart1></journeyStep2Chart1>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" :offset="2">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>热门关键词</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep2Chart2></journeyStep2Chart2>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>医学话题</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>病理学诊断</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep2Chart3></journeyStep2Chart3>
                            <el-collapse v-model="activeNames13">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>组织获取</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep2Chart4></journeyStep2Chart4>
                            <el-collapse v-model="activeNames14">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>心理及行为分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>心理分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep2Chart5></journeyStep2Chart5>
                            <el-collapse v-model="activeNames15">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>行为分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep2Chart6></journeyStep2Chart6>
                            <el-collapse v-model="activeNames16">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

              </div>
            </el-col>

          </el-row>

          <el-row class="row" id="anchor3">

            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>初始治疗阶段</p>
                  </el-col>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>话题分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>话题排名</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep3Chart1></journeyStep3Chart1>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" :offset="2">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>热门关键词</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep3Chart2></journeyStep3Chart2>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>医学话题</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>手术治疗方案</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep3Chart3></journeyStep3Chart3>
                            <el-collapse v-model="activeNames13">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>非手术治疗方案</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep3Chart4></journeyStep3Chart4>
                            <el-collapse v-model="activeNames14">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>心理及行为分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>心理分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep3Chart5></journeyStep3Chart5>
                            <el-collapse v-model="activeNames15">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>行为分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep3Chart6></journeyStep3Chart6>
                            <el-collapse v-model="activeNames16">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

              </div>
            </el-col>

          </el-row>

          <el-row class="row" id="anchor4">

            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>治疗方案调整阶段</p>
                  </el-col>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>话题分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>话题排名</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep4Chart1></journeyStep4Chart1>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" :offset="2">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>热门关键词</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep4Chart2></journeyStep4Chart2>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>医学话题</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>免疫治疗</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep4Chart3></journeyStep4Chart3>
                            <el-collapse v-model="activeNames13">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>姑息治疗</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep4Chart4></journeyStep4Chart4>
                            <el-collapse v-model="activeNames14">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>心理及行为分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>心理分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep4Chart5></journeyStep4Chart5>
                            <el-collapse v-model="activeNames15">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>行为分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep4Chart6></journeyStep4Chart6>
                            <el-collapse v-model="activeNames16">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

              </div>
            </el-col>

          </el-row>

          <el-row class="row" id="anchor5">

            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>疾病复发预防阶段</p>
                  </el-col>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>话题分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>话题排名</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep5Chart1></journeyStep5Chart1>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" :offset="2">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>热门关键词</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep5Chart2></journeyStep5Chart2>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>医学话题</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>随访复查</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep5Chart3></journeyStep5Chart3>
                            <el-collapse v-model="activeNames13">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>营养治疗</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep5Chart4></journeyStep5Chart4>
                            <el-collapse v-model="activeNames14">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>心理及行为分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>心理分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep5Chart5></journeyStep5Chart5>
                            <el-collapse v-model="activeNames15">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>
                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>行为分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep5Chart6></journeyStep5Chart6>
                            <el-collapse v-model="activeNames16">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

              </div>
            </el-col>

          </el-row>

          <el-row class="row" id="anchor6">

            <el-col :span="24" style="padding-bottom: 20px">
              <div class="center">
                <el-row>
                  <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                    <p>复发治疗阶段</p>
                  </el-col>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>话题分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>话题排名</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep6Chart1></journeyStep6Chart1>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" :offset="2">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>热门关键词</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep6Chart2></journeyStep6Chart2>
                            <el-collapse v-model="activeNames17">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>医学话题</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>继续治疗方案调整</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep6Chart3></journeyStep6Chart3>
                            <el-collapse v-model="activeNames13">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>耐药后药物调整</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep6Chart4></journeyStep6Chart4>
                            <el-collapse v-model="activeNames14">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

                <el-row class="row">
                  <el-col :span="24" style="padding-bottom: 20px">
                    <div class="center">
                      <el-row>
                        <el-col :span="24" style="height: 50px;line-height: 50px;font-size: 18px;">
                          <p>心理及行为分析</p>
                        </el-col>
                      </el-row>
                    </div>
                  </el-col>
                  <el-row class="row">
                    <el-col :span="11">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>心理分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep6Chart5></journeyStep6Chart5>
                            <el-collapse v-model="activeNames15">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="11" style="margin-left: 8%;">
                      <div class="center">
                        <el-row>
                          <el-col :span="24" class="h">
                            <p>行为分析</p>
                          </el-col>
                        </el-row>
                        <el-row :gutter="20">
                          <el-col :span="24">
                            <journeyStep6Chart6></journeyStep6Chart6>
                            <el-collapse v-model="activeNames16">
                              <el-collapse-item title="总结" name="1">
                                <div>暂无数据</div>

                              </el-collapse-item>
                            </el-collapse>

                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </el-row>

              </div>
            </el-col>

          </el-row>

        </TabPane>
        <TabPane label="产品分析" name="name3">

          <el-row class="row">
            <el-col :span="11">
              <div class="center" style="padding: 10px 40px 30px;">
                <el-row>
                  <el-col :span="24" class="h">
                    <el-col :span="18">
                      <p>产品热门关键词</p>
                    </el-col>
                    <el-col :span="6">
                      <div>
                        <el-dropdown class="user-name" trigger="click">
                          <span style="color: #fff">产品选择<Icon type="md-arrow-dropdown"/></span>
                          <el-dropdown-menu slot="dropdown">
                            <Checkbox label="特罗凯" style="padding-left: 10px">特罗凯</Checkbox>
                            <br>
                            <Checkbox label="艾乐替尼" style="padding-left: 10px">艾乐替尼</Checkbox>
                            <br>
                            <Checkbox label="安维汀" style="padding-left: 10px">安维汀</Checkbox>
                            <br>
                          </el-dropdown-menu>
                        </el-dropdown>
                      </div>
                    </el-col>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <riskChart1></riskChart1>
                </el-row>
              </div>
            </el-col>
            <el-col :span="11" style="margin-left: 8%;">
              <div class="center">
                <el-row>
                  <el-col :span="24" class="h">
                    <el-col :span="18">
                      <p>产品维度分析</p>
                    </el-col>
                    <el-col :span="6">
                      <div>
                        <el-dropdown class="user-name" trigger="click">
                          <span style="color: #fff">产品选择<Icon type="md-arrow-dropdown"/></span>
                          <el-dropdown-menu slot="dropdown">
                            <Checkbox label="特罗凯" style="padding-left: 10px">特罗凯</Checkbox>
                            <br>
                            <Checkbox label="艾乐替尼" style="padding-left: 10px">艾乐替尼</Checkbox>
                            <br>
                            <Checkbox label="安维汀" style="padding-left: 10px">安维汀</Checkbox>
                            <br>
                          </el-dropdown-menu>
                        </el-dropdown>
                      </div>
                    </el-col>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="24">
                    <riskChart2></riskChart2>
                  </el-col>
                </el-row>
              </div>
            </el-col>
          </el-row>

          <el-row class="row">
            <el-col :span="11">
              <div class="center" style="padding: 10px 40px 30px;">
                <el-row>
                  <el-col :span="24" class="h">
                    <el-col :span="18">
                      <p>竞品热门关键词</p>
                    </el-col>
                    <el-col :span="6">
                      <div>
                        <el-dropdown class="user-name" trigger="click">
                          <span style="color: #fff">竞品选择<Icon type="md-arrow-dropdown"/></span>
                          <el-dropdown-menu slot="dropdown">
                            <Checkbox label="泰瑞沙" style="padding-left: 10px">泰瑞沙</Checkbox>
                            <br>
                            <Checkbox label="赛可瑞" style="padding-left: 10px">赛可瑞</Checkbox>
                            <br>
                            <Checkbox label="达拉非尼" style="padding-left: 10px">达拉非尼</Checkbox>
                            <br>
                          </el-dropdown-menu>
                        </el-dropdown>
                      </div>
                    </el-col>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <riskChart3></riskChart3>
                </el-row>
              </div>
            </el-col>
            <el-col :span="11" style="margin-left: 8%;">
              <div class="center">
                <el-row>
                  <el-col :span="24" class="h">
                    <el-col :span="18">
                      <p>竞品维度分析</p>
                    </el-col>
                    <el-col :span="6">
                      <div>
                        <el-dropdown class="user-name" trigger="click">
                          <span style="color: #fff">竞品选择<Icon type="md-arrow-dropdown"/></span>
                          <el-dropdown-menu slot="dropdown">
                            <Checkbox label="泰瑞沙" style="padding-left: 10px">泰瑞沙</Checkbox>
                            <br>
                            <Checkbox label="赛可瑞" style="padding-left: 10px">赛可瑞</Checkbox>
                            <br>
                            <Checkbox label="达拉非尼" style="padding-left: 10px">达拉非尼</Checkbox>
                            <br>
                          </el-dropdown-menu>
                        </el-dropdown>
                      </div>
                    </el-col>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="24">
                    <riskChart4></riskChart4>
                  </el-col>
                </el-row>
              </div>
            </el-col>
          </el-row>

          <el-row class="row">
            <el-col :span="24">
              <div class="center" style="padding: 10px 40px 30px;">
                <el-row>
                  <el-col :span="24" class="h">
                    <p>产品竞品声量对比</p>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <riskChart5></riskChart5>
                </el-row>
              </div>
            </el-col>
          </el-row>

          <el-row class="row">
            <el-col :span="24">
              <div class="center" style="padding: 10px 40px 30px;">
                <el-row>
                  <el-col :span="24" class="h">
                    <el-col :span="22">
                      <p>产品预警信息</p>
                    </el-col>
                    <el-col :span="2">
                      <el-badge :value="5" class="item">
                        <!--<el-button type="danger" size="small" @click="warning()">预警</el-button>-->
                        <el-button type="primary">导出</el-button>
                      </el-badge>
                    </el-col>
                  </el-col>
                </el-row>
                <el-row :gutter="20">
                  <div  v-show="show">
                    <el-col :span="24" id="table">
                      <el-table :data="tableData5" style="width: 100%">
                        <el-table-column type="expand">
                          <template slot-scope="props">
                            <el-form label-position="left" inline class="demo-table-expand">
                              <el-form-item>
                                <p>{{ props.row.shop }}</p>
                              </el-form-item>
                            </el-form>
                          </template>
                        </el-table-column>
                        <el-table-column label="产品" prop="id"></el-table-column>
                        <el-table-column label="来源" prop="name"></el-table-column>
                        <el-table-column label="主题" prop="desc"></el-table-column>

                        <el-table-column label="操作">
                          <template slot-scope="scope">
                            <a style="color: white" target="_blank" href=" https://tieba.baidu.com/p/5176808261?red_tag=2517187216&traceid=">
                              <el-button type="primary" size="small">前往查看</el-button>
                            </a>
<!--                              <el-button type="primary" size="small">
&lt;!&ndash;                                <a style="color: white" target="_blank" href="#">按钮</a>&ndash;&gt;
                                前往查看
                              </el-button>-->
                            <el-button type="danger">报告AE</el-button>
                          </template>
                        </el-table-column>
                      </el-table>
                    </el-col>

                  </div>
                </el-row>
              </div>
            </el-col>
          </el-row>
        </TabPane>
      </Tabs>

    </el-col>
  </div>
</template>

<script>
  import bus from '../../bus';
  import geochart from './source/source-chart-2-map';
  import volumebyMonthLine from './source/source-chart-1-line';
  import sourceVolumeBar from './source/source-chart-4.bar';
  import sourcePercentagePie from './source/source-chart-3-pie';
  import diseaseScreening from './journey/journey-step1-chart-3-bar';
  import clinicalManifestation from './journey/journey-step1-chart-4-bar';
  import psychoanalysis from './journey/journey-step1-chart-5-funnel';
  import behaviouralAnalysis from './journey/journey-step1-chart-6-pie';
  import topicRank from './journey/journey-step1-chart-2-pop';
  import ElPager from "element-ui/packages/pagination/src/pager";
  import ElSlPanel from "element-ui/packages/color-picker/src/components/sv-panel";


  require('ion-rangeslider');

  import PatientPicture1 from './portrait/Patient-Picture-1.vue';
  import PatientPicture2 from './portrait/Patient-Picture-2.vue';
  import PatientPicture3 from './portrait/Patient-Picture-3.vue';
  import PatientPicture4 from './portrait/Patient-Picture-4.vue';
  import PatientPicture5 from './portrait/Patient-Picture-5.vue';
  import PatientPicture6 from './portrait/Patient-Picture-6.vue';
  import PatientPicture7 from './portrait/Patient-Picture-7.vue';
  import PatientPicture8 from './portrait/Patient-Picture-8.vue';
  import PatientPicture9 from './portrait/Patient-Picture-9-sanchi.vue';

  import journeyStep1Chart1 from './journey/journey-step1-chart-1-bar.vue';
  import journeyStep1Chart2 from './journey/journey-step1-chart-2-pop.vue';
  import journeyStep1Chart3 from './journey/journey-step1-chart-3-bar.vue';
  import journeyStep1Chart4 from './journey/journey-step1-chart-4-bar.vue';
  import journeyStep1Chart5 from './journey/journey-step1-chart-5-funnel.vue';
  import journeyStep1Chart6 from './journey/journey-step1-chart-6-pie.vue';

  import journeyStep2Chart1 from './journey/journey-step2-chart-1-bar.vue';
  import journeyStep2Chart2 from './journey/journey-step2-chart-2-pop.vue';
  import journeyStep2Chart3 from './journey/journey-step2-chart-3-bar.vue';
  import journeyStep2Chart4 from './journey/journey-step2-chart-4-bar.vue';
  import journeyStep2Chart5 from './journey/journey-step2-chart-5-funnel.vue';
  import journeyStep2Chart6 from './journey/journey-step2-chart-6-pie.vue';

  import journeyStep3Chart1 from './journey/journey-step3-chart-1-bar.vue';
  import journeyStep3Chart2 from './journey/journey-step3-chart-2-pop.vue';
  import journeyStep3Chart3 from './journey/journey-step3-chart-3-bar.vue';
  import journeyStep3Chart4 from './journey/journey-step3-chart-4-bar.vue';
  import journeyStep3Chart5 from './journey/journey-step3-chart-5-funnel.vue';
  import journeyStep3Chart6 from './journey/journey-step3-chart-6-pie.vue';

  import journeyStep4Chart1 from './journey/journey-step4-chart-1-bar.vue';
  import journeyStep4Chart2 from './journey/journey-step4-chart-2-pop.vue';
  import journeyStep4Chart3 from './journey/journey-step4-chart-3-bar.vue';
  import journeyStep4Chart4 from './journey/journey-step4-chart-4-bar.vue';
  import journeyStep4Chart5 from './journey/journey-step4-chart-5-funnel.vue';
  import journeyStep4Chart6 from './journey/journey-step4-chart-6-pie.vue';

  import journeyStep5Chart1 from './journey/journey-step5-chart-1-bar.vue';
  import journeyStep5Chart2 from './journey/journey-step5-chart-2-pop.vue';
  import journeyStep5Chart3 from './journey/journey-step5-chart-3-bar.vue';
  import journeyStep5Chart4 from './journey/journey-step5-chart-4-bar.vue';
  import journeyStep5Chart5 from './journey/journey-step5-chart-5-funnel.vue';
  import journeyStep5Chart6 from './journey/journey-step5-chart-6-pie.vue';

  import journeyStep6Chart1 from './journey/journey-step6-chart-1-bar.vue';
  import journeyStep6Chart2 from './journey/journey-step6-chart-2-pop.vue';
  import journeyStep6Chart3 from './journey/journey-step6-chart-3-bar.vue';
  import journeyStep6Chart4 from './journey/journey-step6-chart-4-bar.vue';
  import journeyStep6Chart5 from './journey/journey-step6-chart-5-funnel.vue';
  import journeyStep6Chart6 from './journey/journey-step6-chart-6-pie.vue'

  import riskChart1 from './risk/risk-chart-1-pie.vue'
  import riskChart2 from './risk/risk-chart-2-heat.vue'
  import riskChart3 from './risk/risk-chart-3-pie.vue'
  import riskChart4 from './risk/risk-chart-4-heat.vue'
  import riskChart5 from './risk/risk-chart-5-bar.vue'


  export default {
    components: {
      ElSlPanel,
      ElPager,
      geochart,
      volumebyMonthLine,
      sourcePercentagePie,
      sourceVolumeBar,
      diseaseScreening,
      clinicalManifestation,
      psychoanalysis,
      behaviouralAnalysis,
      topicRank,


      PatientPicture1,
      PatientPicture2,
      PatientPicture3,
      PatientPicture4,
      PatientPicture5,
      PatientPicture6,
      PatientPicture7,
      PatientPicture8,
      PatientPicture9,

      journeyStep1Chart1,
      journeyStep1Chart2,
      journeyStep1Chart3,
      journeyStep1Chart4,
      journeyStep1Chart5,
      journeyStep1Chart6,

      journeyStep2Chart1,
      journeyStep2Chart2,
      journeyStep2Chart3,
      journeyStep2Chart4,
      journeyStep2Chart5,
      journeyStep2Chart6,

      journeyStep3Chart1,
      journeyStep3Chart2,
      journeyStep3Chart3,
      journeyStep3Chart4,
      journeyStep3Chart5,
      journeyStep3Chart6,

      journeyStep4Chart1,
      journeyStep4Chart2,
      journeyStep4Chart3,
      journeyStep4Chart4,
      journeyStep4Chart5,
      journeyStep4Chart6,

      journeyStep5Chart1,
      journeyStep5Chart2,
      journeyStep5Chart3,
      journeyStep5Chart4,
      journeyStep5Chart5,
      journeyStep5Chart6,

      journeyStep6Chart1,
      journeyStep6Chart2,
      journeyStep6Chart3,
      journeyStep6Chart4,
      journeyStep6Chart5,
      journeyStep6Chart6,

      riskChart1,
      riskChart2,
      riskChart3,
      riskChart4,
      riskChart5,
    },
    data() {
      return {
        activeNames: ['1'],
        activeNames1: ['1'],
        activeNames2: ['1'],
        activeNames3: ['1'],
        activeNames4: ['1'],
        activeNames5: ['1'],
        activeNames6: ['1'],
        activeNames7: ['1'],
        activeNames8: ['1'],
        activeNames9: ['1'],
        activeNames10: ['1'],
        activeNames11: ['1'],
        activeNames12: ['1'],
        activeNames13: ['1'],
        activeNames14: ['1'],
        activeNames15: ['1'],
        activeNames16: ['1'],
        activeNames17: ['1'],
        activeNames18: ['1'],
        activeNames19: ['1'],
        activeNames20: ['1'],
        show: true,
        tableData5: [{
          id: '安维汀',
          name: '肺癌吧',
          desc: '产品副作用',
          address: '点击展开',
          shop: '大家用这个药的时候一定要慎重 副作用很大 骗钱药，还死贵！',
          url:'http://wwww.baidu.com'
        }, {
          id: '安维汀',
          name: '微博',
          desc: '负面新闻',
          address: '点击展开',
          shop: '制药巨头罗氏隐瞒1.5万人死亡报告 涉事药物在华有售！',
          url:'http://wwww.baidu.com'
        }, {
          id: '安维汀',
          name: '微信',
          desc: '安全性隐患',
          address: '点击展开',
          shop: ' 委员会的理由是，临床试验结果显示，安维汀在乳腺癌治疗方面缺乏安全性和有效性，存在诱发严重高血压、大出血的风险。',
          url:'http://wwww.baidu.com'
        },{
          id: '安维汀',
          name: '微信',
          desc: '产品副作用',
          address: '点击展开',
          shop: '有任何研究显示该药对晚期乳腺癌患者有延长生命的功效',
          url:'http://wwww.baidu.com'
        },{
          id: '特罗凯',
          name: '微博',
          desc: '产品价格',
          address: '点击展开',
          shop: '18倍的价差！特罗凯、易瑞沙，正在以高额售价榨取血汗钱',
          url:'http://wwww.baidu.com'
        }]
      };
    },
    mounted() {
      this.a()
    },
    methods: {
      a() {
        $('#app').attr("title", "")
      },
      chilCall(tab, event) {
        let b = false;

        if (tab == 'name4') {
          b = true
        }
        console.info(b);
        this.$emit('newNodeEvent', b)
      },
      /*my*/
      warning(){
        this.show = !this.show
      }
    },

  }
</script>

<style scoped>
  .basic {
    background-color: rgba(245, 245, 248, 0.1);
    margin-top: 50px;
  }
  .basic > div {
    color: #fff;
    padding: 15px 20px;
  }
  .row {
    padding-bottom: 30px;
  }
  .center {
    padding: 10px 40px;
    color: #fff;
    border-radius: 10px;
    background-image: url("../../../assets/blur-bg-blurred.jpg");
  }
  .h {
    border-bottom: 2px solid #fff;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
  span {
    display: inline-block;
    height: 25px;
    font-size: 16px;
  }
  .el-button {
/*    background: #1f9f91;*/
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 9px 14px;
  }
  .search-input {
    margin-left: -8px;
    padding-left: 8px;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .15);
    height: 30px;
    width: 100%;
  }
  .el-card {
    background-color: rgba(245, 245, 248, 0);
    border: none;
  }
  .z-primary {
    background-color: rgba(32, 158, 145, 0.7);
  }
  .z-success {
    background-color: rgba(144, 185, 0, 0.7);
  }
  .z-warning {
    background-color: rgba(223, 184, 28, 0.7);
  }
  .z-danger {
    background-color: rgba(232, 86, 86, 0.7);
  }
  .z-info {
    background-color: rgba(45, 172, 209, 0.7);
  }
  .align-left {
    color: #fff;
  }
  .z-table {
    border-radius: 6px;
    border: 0;
    width: 100%;
    padding: 10px;
  }
  .z-table th {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
  }
  .z-table tbody td {
    font-size: 14px;
    padding: 6px 0;
  }

  .z-table tbody tr td:first-child {
    text-align: center;
  }

  .irs-grid-text {
    color: #fff;
  }

  .date-wrap {
    padding-right: 30px;
  }

  .el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: auto;
  }

  tr td th {
    border: 1px solid #fff !important;
  }

  #schedule > td {
    border: 1px solid #fff !important;
  }

  .el-collapse {
    border-top: none;
    border-bottom: none;
  }

  /*my*/
  .demo-table-expand {
    font-size: 0;
  }
  .demo-table-expand label {
    width: 90px;
    color: #99a9bf;
  }
  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }
  .el-table{
    background: none;
  }
</style>
<style>
  .ivu-tabs-nav {
    width: 100%;
  }

  .ivu-tabs-nav > div {
    width: 25%;
    text-align: center;
  }

  .ivu-tabs-tab {
    color: #fff;
    font-size: 20px;
  }

  .ivu-tabs-ink-bar {
    background-color: #e85656 !important;
    height: 5px !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -5px !important;
  }

  .ivu-tabs-nav .ivu-tabs-tab-active {
    color: #fff !important;
    font-weight: bold !important;
  }

  .ivu-tabs-nav {
    border-bottom: 5px solid #fff !important;
  }

  .el-collapse-item__header {
    background-color: rgba(245, 245, 248, 0) !important;
    color: #fff !important;
  }

  .el-collapse-item__wrap {
    background-color: rgba(245, 245, 248, 0) !important;
    color: #fff !important;
  }

  .el-collapse-item__content {
    color: #fff !important;
  }

  .el-card {
    color: #fff;
    font-size: 16px;
  }

  .nav-journal {
    position: fixed;
    z-index: 80;
    top: 6rem;
    left: 5500px;
    font-size: 40px;
    color: #fff;
  }

  /*my*/
  .el-collapse-item__wrap, .el-collapse-item__header {
    border-bottom: none;
  }
  #table th, #table tr,#table td{
    background: none;
    color: white;
  }
  #table .el-form-item__label,#table .el-table__expand-icon{
    color: white;
  }

</style>

